/* CSS Reset */
@charset "UTF-8";

.w80{width:80.5%; margin:auto;}

.sinoquare-title {overflow: hidden; font-family:'Montserrat-Bold';}
.sinoquare-title .class-1 {opacity: .5; color: #000; font-size:1.3vw; font-weight:bold;}
.sinoquare-title .title-1 {color:#121212; font-size:2.48vw; font-weight:normal;}
.sinoquare-title .text-1 {margin-top:0.9vw;}

.index-banner-swiper .img .pic {opacity: 1;}
/* index */
.index-swiper,.index-banner-swiper,.index-section {width: 100%;height: 100%;}
.index-swiper .index-pagination {right:3%;}
.index-swiper .index-pagination span{background: #fff;opacity: .5;margin:20px 0!important;width: 6px;height: 6px;position: relative;transition:all .4s ease;}
.index-swiper .index-pagination span::before {content: '';width: 10px;height: 10px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;border-radius: 100%;transition:all .4s ease;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active {opacity: 1;background: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before {opacity: 1;}
.index-swiper .index-pagination.cur span {background: #000;opacity: .2;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active {background: none;opacity: 1;}
.index-swiper .index-pagination.cur span::before {border: 2px solid #156BFF;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active::before {opacity: 1;}
.end-slide {height: 288px;}

.index-banner-swiper {position: relative;}
.index-banner-swiper .text {color: #fff;position: absolute;left:7%;top:52%;z-index: 111;width: 100%;transform: translateY(-50%); font-family: "Microsoft YaHei";}
.index-banner-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.2s; font-size:3.5vw;}
.index-banner-swiper .line-1 {transform:translateY(200px);opacity:0;transition:all 0.4s;}
.index-banner-swiper .text-1 {margin-top: .5%;transform:translateY(200px);opacity:0;transition:all 0.7s; font-size:2vw; font-family: hs_l;}
.index-banner-swiper .viewmore-1 {transform:translateY(200px);opacity:0;transition:all 0.9s;margin-top: 3%;}
.index-banner-swiper .viewmore-1 a span {color: #fff;}
.index-banner-swiper .viewmore-1 a:hover span {color: #fff;}
.index-banner-swiper .img .pic {opacity: 1;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}

.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .line-1,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .viewmore-1 {transform:translateY(0px);opacity:1;}

.banner-next,.banner-prev {transition:all .4s ease;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.2);border-radius: 100%;top: auto;bottom: 5%;}
.banner-next:hover,.banner-prev:hover {border: 1px solid rgba(255,255,255,1);}
.banner-next::after,.banner-prev::after {color: #fff;font-size: 12px;}
.banner-next {left: auto;right:30px;}
.banner-prev {left: auto;right:90px;}

.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:6.5%;right:auto!important;left:50%;width: auto;color: #fff;font-family: 'Montserrat-Light';width:auto;transform: translateX(-50%);}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 40px;height: 40px;background: transparent;}
.index-banner-swiper .banner-pagination span::before {content: '';width:8px;height:8px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span::after {content: '';width:32px;height:32px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 4px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #156BFF!important;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.index-banner-swiper .banner-pagination span .left {left: 0;}
.index-banner-swiper .banner-pagination span .right {right: 0;}
.index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 40px;height: 40px;border-radius: 50%;border: 4px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 3s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 3s linear forwards;}
@keyframes circleright {
	0% {transform: rotate(135deg);}
	50%,100% {transform: rotate(315deg);}
}
@keyframes circleleft {
	0%,50% {transform: rotate(135deg);}
	100% {transform: rotate(315deg);}
}

/*产品*/
.pr_l{width:50%; overflow: hidden; margin-top:3.6%;}
.pr_r{width:50%; overflow: hidden; margin-top:3.6%;}
.index-product { width: 100%;z-index: 10; margin:100px 0 80px 0;}
.index-content {width: 86%;margin: auto;}
.index-product-list {position: relative;overflow: hidden;}
.index-product-left {float: left;width: 49%;overflow: hidden;position: relative;}
.index-product-left .index-product-item .text{left: 0;top: 10%;text-align: center;transform: none;}
.index-product-left .index-product-item .more-1 a{margin: auto; line-height:2.5vw; }
.index-product-item .more-1 a{margin: auto; line-height:2.5vw; }
.index-product-item .more-1 i{ height:0.7vw;}
.index-product-left .index-product-item .more-1 span{}
/* .index-product-left .index-product-item .img {background: #156BFF;}
.index-product-left .index-product-item .text{color: #fff;}
.index-product-left .index-product-item .text-1{color: #8bd1bf;}
.index-product-left .index-product-item .more-1 a{background: #e28a23;border: 2px solid #e28a23;}
.index-product-left .index-product-item .more-1 span {color: #fff;}
.index-product-left .index-product-item .more-1 i {background: url('../images/r3.png') center no-repeat;} */
.index-product-right {float: right;width: 49%;}
.index-product-item {position: relative;margin-bottom: 4%;overflow: hidden;}
.index-product-item .img {background:#f6f8fa;border-radius: 10px;transition:all .4s ease;}
.index-product-item * {transition:all .4s ease;}
.index-product-item .text{position: absolute;left: 8%;top: 50%;width: 100%;text-align: left;z-index: 11;transform: translateY(-50%);}
.index-product-item .text-1{color: #999999; font-size:1vw; font-family:hs_l;}
.index-product-item .title-1{margin-top: 0.1%; font-size:2.1vw;}
.index-product-item .text-2{font-size:1.18vw; font-family:hs_l; font-weight:400; line-height:1.6vw; margin-top:0px;}
.index-product-item .more-1 {margin-top: 4%;}
.index-product-item .product {position: absolute;right: 0;top: 0;z-index: 1;width: 50%;height: 100%;overflow: hidden;}
.index-product-item .product img.img-block {height: 100%;}
.index-product-item:hover .img {background: #156BFF;}
.index-product-item:hover .text-1 { color:#b0d0ff;}
.index-product-item:hover .title-1 {color: #fff;}
.index-product-item:hover .text-2 {color: #fff;}
.index-product-item:hover .more-1 a{background: #FFA515;border: 2px solid #FFA515;}
.index-product-item:hover .more-1 span {color: #fff;}
.index-product-item:hover .more-1 i{background: url('../images/rd.svg') center no-repeat; background-size: 100%; filter: grayscale(1) brightness(5);transform: rotate(270deg);}

/*

.index-product-left .index-product-item .more-1 a{margin: auto; line-height:2.5vw; background:none; border:2px solid #156BFF; width:9vw;}
.index-product-left .index-product-item .more-1 ii {display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r22.png') center no-repeat;margin-left: 10px;}
.index-product-left .index-product-item .more-1 a:hover ii {background: url('../images/r33.png') center no-repeat;}
.index-product-item:hover .more-1 ii {background: url('../images/r33.png') center no-repeat;}

.index-product-item .more-1 a{margin: auto; line-height:2.5vw; background:none; border:2px solid #156BFF; width:9vw;}
.index-product-item .more-1 ii {display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r22.png') center no-repeat;margin-left: 10px;}
.index-product-item .more-1 a:hover ii {background: url('../images/r33.png') center no-repeat;}
.index-product-item .more-1 span{color:#156BFF; padding-right:0px;}
.index-product-left .index-product-item .more-1 span{color:#156BFF; padding-right:0px;}

.more-3 {margin-top: 8%;}
.more-3 a {display: block;width: 180px;height: 48px;line-height:48px ; font-size: 0;overflow: hidden;position: relative;text-align: center;border: 2px solid #156BFF;border-radius: 50px;}
.more-3 span {display: inline-block;vertical-align: middle;color: #156BFF; font-size:16px;}
.more-3 i {display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r22.png') center no-repeat;margin-left: 10px;}
.more-3 a:hover {background: #e28a23;border: 2px solid #e28a23;}
.more-3 a:hover span {color: #fff;}
.more-3 a:hover i {background: url('../images/r33.png') center no-repeat;}

@media screen and (max-width: 1680px){.more-3 a {width: 150px;height:45px;line-height:45px; }
.more-3 span{font-size:14px;}}
@media screen and (max-width: 1440px) {.more-3 a {height:40px;line-height:40px; }
.more-3 span{font-size:14px;}}*/

/*简介*/
.index-about-us {position: relative; margin-top:0vw;}
.aboutbg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.aboutbg.pic1 {opacity: 1;}
.jcd-title{position: absolute; z-index: 2;}

.index-about-jcd-left{ width:44.6%; margin:1.5% auto 0;}
.index-about-jcd {padding: 10rem 0;overflow: hidden;}
.index-about-jcd-left .text-2{margin-top:3%;/*letter-spacing: -2px;*/font-size: 1.1vw !important; line-height:1.8vw; font-family:"han";}
.index-about-jcd-left .more-1 {display: inline-block;vertical-align: middle; margin-top:3.2vw; margin-right:1vw;}
/*.index-about-jcd-left .more-1 a {box-shadow: 0px 0px 100px 0px rgba(5, 58, 149, 0.5);}*/
.index-about-jcd-left .more-1 a:hover span {color:#156BFF;}
.index-about-jcd-left .more-1 a:hover i {filter: invert(1) brightness(5);}
.more-1 {margin-top: 2%;}
.more-1 a,.more-1 strong {display: inline-block; width:10.2vw; line-height:2.9vw;border-radius: 10rem;background:#156BFF;border: 2px solid #156BFF;font-size: 0;text-align: center;font-weight: normal;}
.more-1 i,.more-1 span {display: inline-block;vertical-align: middle; padding-right: 0.55vw;}
.more-1 i {width:0.2vw;height:1vw;background: url('../images/rd.svg') center no-repeat; background-size: 100%; filter: grayscale(1) brightness(5);transform: rotate(270deg);}
.more-1 span  {color: #fff; font-size:0.9vw;}
.more-1 a:hover {background: none;border: 2px solid #156BFF;}
.more-1 a:hover span  {color: #fff;}

.index-about-jcd-left .more-2 {display: inline-block;vertical-align: middle; margin-top:3.2vw; margin-right: 2rem;}
/*.index-about-jcd-left .more-2 a {box-shadow: 0px 0px 100px 0px rgba(5, 58, 149, 0.5);}*/
.index-about-jcd-left .more-2 a:hover span {color:#fff;}
.index-about-jcd-left .more-2 a:hover i {filter: invert(1) brightness(5);}
.more-2 {margin-top: 2%;}
.more-2 a,.more-2 strong {display: inline-block; width:12.3vw; line-height:2.9vw;border-radius: 10rem;background:#fff;border: 2px solid #222222;font-size: 0;text-align: center;font-weight: normal;}
.more-2 i,.more-2 span {display: inline-block;vertical-align: middle; padding-right: 0.55vw;}
.more-2 i {width:0.2vw;height:1vw;background: url('../images/rd.svg') center no-repeat; background-size: 100%; filter: grayscale(10%) brightness(0); transform: rotate(270deg);}
.more-2 span  {color: #222; font-size:0.9vw;}
.more-2 a:hover {background:#156BFF;border: 2px solid #156BFF;}
.more-2 a:hover span  {color: #fff;}
.index-about-jcd-left .more-2 a:hover i{filter: grayscale(1) brightness(5);}
.index-about-jcd-left .more-1 a:hover i{filter: grayscale(0%) brightness(1.8);}
.index-about-jcd-left .title-2{ font-size:2.5vw;}
.index-about-jcd-left .title-1{ font-size:2.6vw; line-height:2.7vw; font-family: 'Montserrat-Bold';}
.index-about-jcd-left p{ padding:3.5% 0 0 0;}
.index-about-jcd-right {float: right;width: 48%;} 
.index-about-jcd-video a {display: block;position: relative;} 
.index-about-jcd-video a:hover .pic {transform: scale(1.03);}
.index-about-jcd-bottom {overflow: hidden; margin:auto; width:80%;}
.index-about-jcd-data {overflow: hidden; padding:3.8% 0 2.62% 0; margin-bottom:100px;  border-top: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb;}
.index-about-jcd-item {float: left;width:21%;position: relative; margin-left:4%;}
.index-about-jcd-item .icon-1{transform: translateY(-100%); width:4vw; display: block; position: absolute;left:-1%;top: 50%}
.index-about-jcd-item .icon-1 img { width:46%;}
.index-about-jcd-item .right-1{float: left;width: 70%;margin-left: 15%;letter-spacing: -2px; line-height:24px;}
.index-about-jcd-item .number-1 {position: relative;display: inline-block;}
.index-about-jcd-item .number-1 strong{display: block; color:#212121; font-size:3.6vw; font-weight: normal;}
.index-about-jcd-item .number-1 sub{position: absolute;right:-20px;top:8px;font-weight: 900; font-size:28px;}
.index-about-jcd-item .text-1{overflow: hidden; letter-spacing:0.2px; font-size:0.9vw; color:#999; line-height:1.38vw; padding-left:0.4vw;}
.flh40 {line-height:4vw;}
.font48 {font-size:3vw;}

/*案件*/
.winova-index-scene {position: relative;overflow: hidden;/*cursor: none;*/}
.winova-index-scene .winova-content {width: 100%;}
.winova-index-scene .winova-title {position: absolute;left:9.6%;top:7vw;z-index: 11;width: 40%;}
.winova-index-scene .winova-title .title-1 {color: #fff;}
.winova-index-scene-nav {overflow: hidden;position: absolute;left:9.6%;bottom: 20%;z-index:2;} 
.winova-index-scene-nav a {display: block;position: relative;padding: 0 0 0 27px;margin:0 0 0.9vw 0;} 
.winova-index-scene-nav a::before {content: '';width:4px;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: 0; font-size:18px;}
.winova-index-scene-nav span {color: #fff;opacity: .5; font-size:18px; font-family: hs_l; letter-spacing:1px;} 
.winova-index-scene-nav a.cur span {opacity: 1; font-size:21px; font-weight:900;}
.winova-index-scene-nav a.cur::before {opacity: 1;}
.winova-index-scene-pic {overflow: hidden;position: relative;}
.winova-index-scene-pic .shubiao.on {opacity: 0;}
.winova-index-scene-swiper {overflow: hidden;}
.winova-index-scene-swiper .swiper-slide img {display: block;opacity: 0;transition:all .4s ease;}
.winova-index-scene-swiper .swiper-slide-active img {opacity: 1;}
.winova-index-scene-mouser {position: absolute;left: 0;top:0;z-index: 12;}
.winova-index-scene-mouser img {display: block;}
.winova-index-scene-mark {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}
.winova-index-scene-mark img {width: 200%;height: 200%;}
.winova-index-scene-mark img.markpic {position: absolute;}
.winova-index-scene-mark-point {position: absolute;left: 50%;top: 40%;width: 20%;z-index: 6;}
.winova-index-scene-mark-point img {width: 100%;height: 100%;}

.banner-video{ /*width: 100%;*/height:100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(1.2); z-index: 0;}


/*研发*/
.corp{ margin-top:3%;}
.corp .corp_col6{float: left;width: 50%;position: relative;}
.corp .corp_col6 .corp_img{width: 100%;height: auto;position: relative;display: block;overflow: hidden;transition:0.3s all ease-in-out;}
.corp .corp_col6 .corp_img img{display: block;width: 100%;height: auto;;transition:3s all ease;}
.corp .corp_col6 .corp_img:hover img{transform: scale(1.2)}
.corp .corp_col6 .corp_img p{background: rgba(40,60,112,0.9);color: #fff;font-size:1vw;line-height: 30px;font-weight: 100;position: absolute;left: 0;width: 100%;bottom:0px;display: block;padding:21px 0;overflow: hidden;white-space: nowrap;transition:0.3s all ease-in-out;}
.corp .corp_col6 .corp_img p:after{content: '';display: block;clear: both;}
.corp .corp_col6 .corp_img p strong{color: #fff;font-size: 26px;line-height: 30px;text-align: center;font-weight: 100;float: left;padding: 0 30px;border-right: 1px dashed rgba(255,255,255,0.4);margin: 0 35px 0 0;white-space: normal;transition:0.3s all ease-in-out;}
.corp .corp_col6.corp_col6_2 > .corp_img p{width: 50%;}
.corp .corp_col6.corp_col6_3 .corp_img p{background: rgba(215,23,24,0.9);}
.corp .corp_col6.corp_col6_4 .corp_img p{background: rgba(255,198,0,0.9);color: #343434}
.corp .corp_col6.corp_col6_4 .corp_img p strong{color: #111}

.corp .corp_col6.corp_col6_4 .corp_img p strong{border-right: 1px dashed rgba(0,0,0,0.4)}

@media only screen and (max-width: 1680px) {
	.corp .corp_col6 .corp_img p{font-size: 15px;padding: 18px 0;line-height: 26px;}
	.corp .corp_col6 .corp_img p strong{padding: 0 20px;margin-right: 22px;font-size: 22px;line-height: 26px;}
}
@media only screen and (max-width: 1440px) {
	.corp .corp_col6 .corp_img p{font-size: 13px;padding: 14px 0;line-height: 22px;}
	.corp .corp_col6 .corp_img p strong{padding: 0 15px;margin-right: 18px;font-size: 20px;line-height: 22px;}
}
@media only screen and (max-width: 1360px) {
	.corp .corp_col6 .corp_img p{font-size: 12px;padding: 10px 0;line-height: 18px;}
	.corp .corp_col6 .corp_img p strong{padding: 0 10px;margin-right: 12px;font-size: 18px;line-height: 18px;}
}



/*新闻*/
.index-media-news {padding:100px 0;overflow: hidden;background:#f6f8fa;}
.index-media-new-top {overflow: hidden;}
.index-media-new-bottom {margin-top:50px;overflow: hidden;position: relative;}
.index-media-new-left {float: left;width: 50%;}
.index-media-new-right {width: 50%;height: 100%;position: absolute;right: 0;top: 0;border-top: 1px solid #e5e9ee;border-bottom: 1px solid #e5e9ee;overflow: hidden;box-sizing: border-box;}
.index-media-new-right::after,.index-media-new-right::before{content: '';position: absolute;top: 0;background: #e5e9ee;}
.index-media-new-right::after {width: 1px;height: 100%;left: 50%;}
.index-media-new-right::before {width: 100%;height: 1px;left: 0;top: 50%;}
.index-media-new-item {overflow: hidden;float: left;width: 50%;height: 50%;position: relative;}
.index-media-new-item.cur a {background: #fff;}
.index-media-new-item.cur a::after {opacity: 1;}
.index-media-new-item.cur .text-1 {color: #156BFF;}
.index-media-new-item a {display: block;position: relative;width: 100%;height: 100%;}
.index-media-new-item a::after {content: '';width:4.17vw;height:1.6vw;position: absolute;right: 0;bottom: 0;background: url('../images/fuzu1.png') top center no-repeat;background-size: 103%;opacity: 0;}
.index-media-new-item .text {position: absolute;left: 10%;top: 15%;width: 80%;height: 75%;z-index: 11;}
.index-media-new-item .text-1 {color: #888; font-family:hs_b; font-size:1vw;}
.index-media-new-item .title-1 {margin-top: 3%; font-size:1.4vw; font-family:hs_l;}
.index-media-new-item .date-1 {position: absolute;bottom: 0;left: 0;color: #999999; font-family: DINPro,PingFang SC,Arial,sans-serif; font-size:0.8vw;}
.index-media-new-item img {height: 100%;}

.idx_title{width: 100%;height: auto;text-align: center}
.idx_title .title{font-family:hs_b;font-size: 32px;color:#156BFF;line-height: 1.1; font-weight:900;}
.idx_title .subtitle{margin-top:6px;font-size:42px;color: #282f36;line-height: 1.4; font-family:hs_l;}
@media (max-width: 1600px){.idx_title .title{font-size:36px}
.idx_title .subtitle{font-size: 20px}}
@media (max-width: 1366px){.idx_title .title{font-size:34px}
.idx_title .subtitle{margin-top: 12px;font-size: 16px}}
@media (max-width: 1024px){.idx_title .title{font-size:30px}
.idx_title .subtitle{line-height: 1}}
@media (max-width: 990px){.idx_title .title{font-size:28px}
.idx_title .subtitle{font-size: 15px;line-height: 1.54}}
@media (max-width: 768px){.idx_title .title{font-size:24px}
.idx_title .subtitle{font-size: 14px}}
@media (max-width: 480px){.idx_title .title{font-size:20px}
.idx_title .subtitle{margin-top: 8px;font-size: 13px}}

.i5{ padding:0 0 100px 0; overflow:hidden;}
.i5 .ul1{}
.i5 .ul1 li{width: 20.4%;float: left;text-align: center;}
.i5 .ul1 li a{display: block;position: relative;padding: 0 10%;line-height: 28px;}
.i5 .ul1 li a .ico{display: block;width:151px;position: relative;margin: 0 auto 20px;height:151px; background:#f7f8fa;border-radius: 50%;overflow: hidden;}
.i5 .ul1 li a .ico img{display: block;width: 100%;}
.i5 .ul1 li a .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.i5 .ul1 li a:hover .ico{background: #156BFF;}
.i5 .ul1 li a:hover .ico img{opacity: 0;}
.i5 .ul1 li a:hover .ico img:nth-child(2){opacity: 1;}
.f_18{ font-size:20px;}